import React from "react";
import "./index.less";

function index({ shopCateList }) {
    const shopItem = shopCateList.map((item, index) => {
        return (
            <div
                key={index}
                className="cate-img"
                style={{
                    background: `URL(${item.pictureURL}`,
                    backgroundSize: "cover",
                }}
            ></div>
        );
    });

    return <div className="shop-cate-container">{shopItem}</div>;
}

export default index;
